/*****************************************************************************
 *  Este archivo forma parte de SiMaPe
 *  Sistema Integrado de Manejo de Personal
 *  Copyright (C) <2013>  <Ivan Ariel Barrera Oro>
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *
 *  SiMaPe is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 * 
 *  SiMaPe is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 * 
 * @license GPL-3.0+ <http://spdx.org/licenses/GPL-3.0+>
 * 
 *****************************************************************************/
/* 
    Created on : 25/11/2013, 00:06:43
    Author     : Ivan Ariel Barrera Oro
    Version    : 2.05
    Principal
*/

/* HEADER */
body {
    width: auto;
    color: #666;
    font: normal 0.8em/1.5em Arial, Helvetica, sans-serif;
    background: #e0e0e0;
    height: 100%;
}

.header { 
    position: fixed;
    width: 100%;
    height: auto;  /* la img es de 120px */
    top: 0px; 
    left: 0px;
    background:#e0e0e0;
    text-align: center;
    z-index: 100;
    overflow: hidden;
}

.header img {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    height: 120px; 
    width: 850px;
}

.data { 
    margin-top: 150px;
    z-index: 0;
    margin-left: 200px; /* tener en cuenta la vert nav bar */
    margin-right: 200px;
    position: relative;
}

/**/

/** PI **/
#pi {
    width: auto; 
    text-align: right; 
    height: auto;
    margin-right: 0px;
    position: fixed;
    left: 1px;
    margin-left: 1%;
    bottom: 0px;
    margin-bottom: 0px;
}
#pi .pi_visible {
    position:relative;
    visibility: visible;
    font-style: normal;
    color: #d4d4d4;
    font: normal .8em/1.5em sans-serif;
}
#pi .pi_hidden {
    position:relative;
    visibility: hidden;
    font-style: italic;
    font-family: sans-serif;
    font-size: .8em;
    /*color: #c0c0c0;*/
}

#pi:hover .pi_hidden {
    visibility:visible;
}

#pi:hover .pi_visible{
    visibility: hidden;    
}
/**/

hr {
    opacity: 0.5;
}

a {
    color: inherit;
    text-decoration: none;
    padding: 0 0.1em;
    /*background: rgba(255,255,255,0.5);*/
    text-shadow: 1px 1px 2px rgba(100,100,100,0.9);
    border-radius: 0.2em;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a:hover, a:focus {
    background: rgba(255,255,255,1);
    text-shadow: 1px 1px 2px rgba(100,100,100,0.5);
}